﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" 
    xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" 
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 
    xmlns:il="clr-namespace:Microsoft.Expression.Interactivity.Layout;assembly=Microsoft.Expression.Interactions" 
    x:Class="Silverlight.Toolkit.GridSplitterDemo.MainPage"
    d:DesignWidth="640" d:DesignHeight="480">
    <Grid x:Name="LayoutRoot">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.208*"/>
            <ColumnDefinition Width="0.578*"/>
            <ColumnDefinition Width="0.214*"/>
        </Grid.ColumnDefinitions>
        <Canvas x:Name="panelIzquierdo" Background="#FF0E3EA3"/>
        <Canvas x:Name="panelDerecho" Grid.Column="2" Background="#FFC11B1B"/>

        <controls:GridSplitter Width="10"
                             Grid.Column="0"
                             VerticalAlignment="Stretch"
                             HorizontalAlignment="Right"
                             Margin="0,0,-5,0"
                             Background="Transparent"/>

        <controls:GridSplitter Width="10" 
                             Grid.Column="2"
                             VerticalAlignment="Stretch"
                             HorizontalAlignment="Left"
                             Margin="-5,0,0,0"
                             Background="Transparent"/>
        <Grid x:Name="panelCentral" Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="0.179*"/>
                <RowDefinition Height="0.652*"/>
                <RowDefinition Height="0.169*"/>
            </Grid.RowDefinitions>
            <Canvas x:Name="panelCentralSuperior" Background="#FF24C504"/>
            <Canvas x:Name="panelCentralInferior" Grid.Row="2" Background="#FFB1DA00"/>
            <Canvas x:Name="panelCentralCentral" Grid.Row="1" Background="#FFD2A819"/>

            <controls:GridSplitter Height="10" 
                                 Grid.Row="1" 
                                 Margin="0,-5,0,0"
                                 VerticalAlignment="Top"
                                 HorizontalAlignment="Stretch"
                                 Background="Transparent" />

            <controls:GridSplitter Height="10" 
                                 Grid.Row="2"
                                 VerticalAlignment="Top"
                                 HorizontalAlignment="Stretch"
                                 Background="Transparent" 
                                 Margin="0,-5,0,0"
                                 ShowsPreview="True"/>
        </Grid>
    </Grid>
</UserControl>